<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>emmet语法</title>
    <style>
        /* w48    ti2    tdn */
        .one {
            width: 48px;
            text-indent: 2em;
            text-decoration: none;
        }
    </style>
</head>

<body>
    <!-- div然后teb -->
    <div></div>
    <!-- div*3然后teb -->
    <div></div>
    <div></div>
    <div></div>
    <!--父子关系 ul>li -->
    <ul>
        <li></li>
    </ul>
    <!-- 兄弟关系 div+p -->
    <div></div>
    <p></p>
    <!-- 有类名或id名的直接写  .demo或者#two   然后teb键就可以了 -->
    <div class="demo"></div>
    <div id="two"></div>
    <!-- 自增符号$-->
    <!-- .demo$*3 -->
    <div class="demo1"></div>
    <div class="demo2"></div>
    <div class="demo3"></div>
    <!-- div{宝贝}*3 -->
    <div>宝贝</div>
    <div>宝贝</div>
    <div>宝贝</div>
    <!-- div{$}*3 -->
    <div>1</div>
    <div>2</div>
    <div>3</div>
</body>

</html>